import {
    Button,
    Select,
    Space,
    DatePicker,
    Input,
} from 'antd';
import React from 'react';
import EstimateList from "./EstimateList";
import moment from 'moment';
const dateFormat = 'YYYY-MM-DD';
const { Option } = Select;

const Estimate = () => (

    <div>
        <Space.Compact style={{ marginTop: '10px', }} >
            学年学期: <Select placeholder="请选择" style={{ height: '30px', width: '170px', marginRight: '10px' }}>
                <Option value="Option1">第一学年第一学期</Option>
                <Option value="Option2">第一学年第二学期</Option>
            </Select>
            选择日期: <DatePicker.RangePicker
             defaultValue={[moment('2015-10-02', dateFormat), moment('2015-10-08', dateFormat)]}
                style={{
                    height: '30px',
                    marginRight: '10px'
                }}
            />
            年级班级: <Select placeholder="请选择" style={{ height: '30px', width: '170px', marginRight: '10px' }}>
                <Option value="Option1">一年级一班</Option>
                <Option value="Option2">二年级一班</Option>
            </Select>
            学生姓名:<Input style={{ width: '168px', height: '30px', marginRight: '10px' }} placeholder="请输入" />
          <Space>
          <Button type="primary" >查询</Button>
            <Button type='reset'>重置</Button>
          </Space>
        </Space.Compact>
        
        <EstimateList />
    </div>



);
export default Estimate;